<div class="logo">
    <a href="/"> 
        <img src="/img/head/main-logo.png" border="0"> </a>
</div>
<div class="userLinks">
    {% if hasLogin %}<strong>Welcome {{username}},</strong>{%endif%}
    <ul>
	{% if hasLogin %}
        <li><a href="#"><span>My Account</span></a></li>
        <li class="last"><a href="/logout"><span>Log Out</span></a> </li>
	{%else%}
        <li><a href="/login"><span>Login</span></a></li>
        <li><span>|</span></li>
        <li class="last"><a href="/create/company"><span>Create Company</span></a></li>
	{%endif%}
    </ul>
</div>
<div class="clear"></div>
<div id="navigation">
    <ul id="mainMenu" class="mainMenu">
        <li>
            <a href="/"><span>Home</span></a>
        </li>
        <li>
            <a href="#menu-2"><span>Tasks</span></a>
        </li>
        <li>
            <a href="#menu-3"><span>Manage</span></a>
        </li>
        <li>
            <a href="#menu-4"><span>Reports</span></a>
        </li>
        <li>
            <a href="#menu-5"><span>Account</span></a>
        </li>
    </ul>
    <div class="navSearch">
        <input name="search" value="Search" />
    </div>
    <div id="menu-2" class="submenu">
        <ul>
            <li>
                <a href="/create/hit"><span>Article</span></a>
            </li>
            <li>
                <a><span>Rework</span></a>
            </li>
            <li>
                <a><span>Links</span></a>
            </li>
        </ul>
    </div>
    <div id="menu-3" class="submenu">
        <ul>
            <li>
                <a href="/create/group"><span>Groups</span></a>
            </li>
            <li>
                <a href="/create/user"><span>Users</span></a>
            </li>
            <li>
                <a href="/create/client"><span>Client</span></a>
            </li>
            <li>
                <a href="/create/campaign"><span>Campaign</span></a>
            </li>        
        </ul>
    </div>
    <div id="menu-4" class="submenu">
        <ul>
            <li>
                <a><span>History</span></a>
            </li>
            <li>
                <a><span>Budgets</span></a>
            </li>
            <li>
                <a><span>Workers</span></a>
            </li>
        </ul>
    </div>
    <div id="menu-5" class="submenu">
        <ul>
            <li>
                <a><span>Preferences</span></a>
            </li>
            <li>
                <a href="/manage/profile"><span>Profile</span></a>
            </li>
        </ul>
    </div>
</div>